@charset "utf-8";

.Wbannerbg{display: block;}
.Wbannerbg .img{ display: block;}
.Wbanner{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.Wbanner font{display: block;float: left;padding-top: 12%;}
.Wbanner font h1{font-size: 40px;font-family: Microsoft YaHei;/* font-weight: 300; */color: #FFFFFF;line-height: 56px;padding-top: 13%;padding-bottom: 41px;}
.Wbanner font a{font-size: 14px;color: #ffffff;line-height: 18px;padding: 7px 30px;background: #ff512a;border-radius: 2px;}


.Wbanner01{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.Wbanner01 font{display: block;/* float: left; */padding-top: 5%;width: 100%;text-align: center;margin-top: 5%;}

.Wbanner01 font h1{font-size: 40px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-top: 2%;padding-bottom: 41px;}
.Wbanner01 font p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;}
.Wbanner01 font a{font-size: 14px;color: #ffffff;line-height: 18px;padding: 7px 30px;background: #ff512a;border-radius: 2px;}


.Wbanner02{width: 100%;position: absolute;top: -40px;height: 100%;z-index: 99999;}
.Wbanner02 font{display: block;width: 100%;text-align: center;}
.Wbanner02 font h1{font-size: 40px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-bottom: 41px;}
.Wbanner02 font h2{font-size: 125px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 141px;padding-bottom: 40px;/* font-weight: bold; */padding-top: 176px;width: 396px;}
.Wbanner02 font h3{font-size: 43px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #f8f8f8;line-height: 58px;padding-bottom: 59px;/* font-weight: bold; */width: 742px;font-style: italic;}
.Wbanner02 font h4{font-size: 54px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #efdba5;line-height: 54px;padding-bottom: 18px;/* font-weight: 600; */width: 433px;}
.Wbanner02 font h5{font-size: 24px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 36px;padding-bottom: 74px;width: 312px;}
.Wbanner02 font p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;}
.Wbanner02 font a{font-size: 29px;color: #ffffff;line-height: 18px;padding: 10px 37px;background: #1464ff;border-radius: 9px;/* top: 23px; */}
.Wbanner02img{margin-top: 6%;/* float: right; */}

.Wbannerbg i{display: block;position: absolute;left: 27%;top: 25%;width: 100%;}
.Wbannerbg i img{display: block;float: right;position: absolute;z-index: 0;}
.Wbannerbg .Wimg .img02{display: block;z-index: 1;/* width: 71%; */}
.Wbannerbg .Wimg .img03{display: block;float: right;}

.Wbannerbg01 i{display: block;position: absolute;left: 30%;top: 15%;width: 100%;}
.Wbannerbg01 i img{display: block;float: right;position: absolute;z-index: 0;}
.Wbannerbg01 .Wimg .img02{display: block;z-index: 1;/* width: 71%; */}
.Wbannerbg01 .Wimg .img03{display: block;float: right;}

.Wbannerbg02 i{display: block;position: absolute;left: 30%;top: 15%;width: 100%;}
.Wbannerbg02 i img{display: block;float: right;position: absolute;z-index: 0;}
.Wbannerbg02 .Wimg .img02{display: block;z-index: 1;/* width: 71%; */}
.Wbannerbg02 .Wimg .img03{display: block;float: right;}




.Wcloud{padding: 20px 0;} 
.WcloudL01,.WcloudR01{box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);width: 49%;margin-bottom: 25px;/* min-height: 1283px; */}
.WcloudL01{float:left;border-bottom: 4px solid #ff512a;}
.WcloudL,.WcloudR{box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);width: 49%;margin-bottom: 25px;/*margin-top: 20px;*/}
.WcloudL{float:left;border-bottom: 4px solid #ff512a;}
.WcloudR{ float:right;    border-bottom: 4px solid #1464ff;}
.Wcloudbg{background: #fff;padding: 45px 20px 20px 40px;height: 342px;} 
.Wcloudbg img{width: 56%;float:right;} 
.Wcloudbg-font{width: 42%;float: left;} 
.Wcloudbg-font i{display: block;width: 66px;height: 6px;} 
.Wcloudbg-font h1{font-size: 34px;font-weight: 400;color: #222222;line-height:35px;padding: 20px 0 30px 0;display: block;/* height: 85px; */overflow: hidden;} 
.Wcloudbg-font font{padding-bottom: 20px;} 
.Wcloudbg-font font h2{display: block;font-size: 16px;font-weight: 400;line-height: 26px;} 
.Wcloudbg-font font p{display: block;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #7D7D7D;line-height: 24px;} 


.Wchart{}
.Wchart img{ width: 100%; margin: 0 auto;}

.Wsystem{}
.Wsystembg{}
.Wsystem_ul{
  padding: 40px 0px;
  border-left: 4px solid #f1f5ff;
  float: left;
  width: 45%;
  float: left;
  padding: 3.5% 2%;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: color 0.5s all;
  -o-transition: 0.5s all;
  border-left: 1px solid #dfe5f6;
  }
.Wsystem_ul:hover{border-left: 4px solid #1464ff;}
.Wsystem_ul li{display:block;padding: 5px 0 0 27px;}
.Wsystem_ul li h1{font-size: 24px;font-weight: 400;color: #000000;line-height: 25px;display: block;padding-bottom: 10px;/* height: 17px; */overflow: hidden;}
.Wsystem_ul li span{display:block;background: #1464FF;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 28px;width: 65px;text-align: center;border-radius: 100px;float: left;}
.Wsystem_ul li p{display: block;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #222;line-height: 24px;float: right;width: calc(100% - 74px);}


.Wkuai{background: url(../images/listbg01.jpg) 0 bottom fixed;background-size: cover;}
.Wkuai_allbg{display:block;}
.Wkuai_allbg01{background: rgb(20, 100, 255, 0.5); }
.Wkuai_allbg02{background: rgb(0, 191, 255, 0.5); }
.Wkuai_allbg03{background: rgb(49, 200, 102, 0.5); }
.Wkuai_allbg04{background: rgb(255, 188, 27, 0.5); }
.Wkuai_allbg05{background: rgb(255, 51, 102, 0.5); }
.Wkuai_allbg06{background: rgb(102, 79, 247, 0.5); }

.Wkuai_bg{ margin-top:5px;}
.Wkuai_bg01{background: rgb(20, 100, 255, 1);}
.Wkuai_bg02{background: rgb(0, 191, 255, 1); }
.Wkuai_bg03{background: rgb(49, 200, 102, 1); }
.Wkuai_bg04{background: rgb(255, 188, 27, 1); }
.Wkuai_bg05{background: rgb(255, 51, 102, 1); }
.Wkuai_bg06{background: rgb(102, 79, 247, 1); }

.Wkuai_bg001{background: rgb(20, 100, 255, 1);}
.Wkuai_bg002{background: rgb(0, 191, 255, 1); }
.Wkuai_bg003{background: rgb(49, 200, 102, 1); }
.Wkuai_bg004{background: rgb(255, 188, 27, 1); }
.Wkuai_bg005{background: rgb(255, 51, 102, 1); }
.Wkuai_bg006{background: rgb(102, 79, 247, 1); }
.Wkuai_bg001, .Wkuai_bg002, .Wkuai_bg003, .Wkuai_bg004, .Wkuai_bg005, .Wkuai_bg006{ 
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: color 0.5s all;
-o-transition: 0.5s all;
}


.Wkuai_title{display:block;height: 164px;}
.Wkuai_title h1{display:block;color: #fff;font-size: 20px;font-weight: bold;line-height: 36px;padding: 10px 0 20px 0;}
.Wkuai_title p{display:block;}
.Wkuai_title font{display:block;color: rgb(255, 255, 255,0.7);padding: 10px 0;}
.Wkuai_title font b{display:block;font-weight: normal;width: 50%;float: left;font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;line-height: 24px;}
.Wkuai_ul {display:block;padding: 30px 40px;}
.Wkuai_ul span{display:block;background: #FFFFFF;line-height: 36px;margin-bottom: 10px;font-size: 14px;}
.color01{color: #002a7d;}
.color02{color: #004368;}
.color03{color: #034033;}
.color04{color: #483706;}
.color05{color: #4d0c30;}
.color06{color: #1d1b73;}

.myspecial{overflow:hidden;padding-bottom: 60px;}
.myspecial li{position:relative;width: 16.566666%;height: 550px;float:left;overflow:hidden;text-align:center;border-right: 1px solid #000;transition:.5s;}
.myspecial li .myicons i.icons{color:#0e4d92;font-size:60px;}
.myspecial li p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 35px;overflow: hidden;border-top: 1px solid rgb(255, 255, 255,0.2);border-bottom: 1px solid rgb(255, 255, 255,0.2);}
.myspecial li:hover .shade{bottom:0}
.myspecial li:hover .Wkuai_bg001, .myspecial li:hover .Wkuai_bg002, .myspecial li:hover .Wkuai_bg003, .myspecial li:hover .Wkuai_bg004, .myspecial li:hover .Wkuai_bg005, .myspecial li:hover .Wkuai_bg006{background:none;}

.shade{position: absolute;left:0;bottom:-550px;width: 100%;height:550px;transition:.5s;z-index:-1;}



/*数据统计滚动*/
.product-number-info ul{/* padding: 85px 0;*/ padding-bottom: 48px;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left;width: 24%;color: #222;padding-top:1px;background: #fff;border-radius: 8px;margin: 0px 0.5%;text-align: center;padding: 20px 0;box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);}
.product-number-info li:hover{border:none;background: #ff5028; color:#fff;box-shadow: 0px 9px 16px 0px rgba(21, 75, 207, 0.23);}
.product-number-info li:hover i{ color:#fff;}
.product-number-info li b{font-weight: 400;font-size:36px;line-height: 1;display: block;position: relative;margin: 15px 0 10px;}
.product-number-info li b i{font-style: normal;color: #FF5028;display: block;}
.product-number-info li, .product-number-info li b i{
  transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: color 0.5s all;
-o-transition: 0.5s all;
}



.Wlink{display: block;background: url(../images/footbg01.jpg) 0 bottom fixed;background-size: cover;padding: 30px 0;}





.animate-bounce-down{width: 100px;-webkit-animation: bounce-down 3.5s linear infinite;animation: bounce-down 3.5s linear infinite;}
@-webkit-keyframes bounce-down {
 25% {-webkit-transform: translateY(-5px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(5px);}
}
.animate-bounce-up{-webkit-animation: bounce-up 3.5s linear infinite;animation: bounce-up 3.5s linear infinite;}
@keyframes bounce-up {
 25% {transform: translateY(5px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-5px);}
}



@media (max-width: 1366px) {
  .Wbannerbg i {left: 27%;top: 14%;}
  .Wbanner font {padding-left: 6%;}
  .Wbannerbg .Wimg .img02{width: 82%;/* top: 31%; */margin-top: 4%;}
  .Wbannerbg .Wimg .img03 {left: -11%;}
  .Wbanner02img{margin-top: 9%;}
}




@media (max-width:1360px) {
.Wsystem_ul{width: 44%;float: left;padding: 3.5% 2%;}
 .Wbannerbg i {left: 20%;}
  .Wbanner font {padding-left: 6%;}
    .Wbanner02 font h4 {font-size:50px}
  .Wbanner02img{margin-top: 13%;}

}


@media (max-width:1080px) {
.Wbanner font h1{padding-top: 10%;font-size: 36px;text-align: center;display: block;width: 100%;}
.Wbannerbg .img{height:300px;}	
.WcloudL,.WcloudR{width:100%;}
.WcloudL01,.WcloudR01{width: 100%; height:auto;}

.myspecial li{width: 33.33333%;border-right: 0;margin-bottom: 20px;}
.display_no{ display: none;}
.product-number-info li{width:46%;color: #222;margin: 2%; font-size:14px;}
.product-number-info li b{margin: 10px 0 5px;}
.product-number-info li b i{font-size:24px;}
.Wbanner font{float:none;padding-left: 0;}
.Wbanner01 font p{display:none;}
.Wbanner02 font p{display:none;}
.Wbanner02img{margin-top: 29%;width: 80%;}

.Wbanner02 font h1{font-size: 40px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-bottom: 41px;}
.Wbanner02 font h2{font-size: 71px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #ffff;line-height: 81px;padding-bottom: 20px;font-weight: bold;padding-top: 116px;width: 100%;}
.Wbanner02 font h3{font-size: 45px;/* font-family: Microsoft YaHei; *//*font-weight: 300;*/color: #f8f8f8;line-height: 55px;padding-bottom: 56px;font-weight: bold;width: 100%;}
.Wbanner02 font h4{font-size: 36px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #efdba5;line-height: 48px;padding-bottom: 4px;font-weight: 600;width: 100%;}
.Wbanner02 font h5{font-size: 18px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 36px;padding-bottom: 26px;width: 100%;}
.Wbanner01 font h1{padding-top:5%;padding-bottom:20px;}
.Wbanner01 .img{width:100%;}



}



@media (max-width:768px) {
.Wbanner font h1{font-size:24px;line-height:36px;padding-top:15%;text-align:center;}
.Wbanner font{float: none;text-align: center;padding-top: 15%;}
.Wcloudbg-font,.Wcloudbg img{width:100%;float:none;} 
.Wcloudbg,.Wcloudbg-font h1{height:auto;font-size: 26px;}
.Wcloudbg-font h1{padding: 10px 0 20px 0;}
.Wsystem_ul{width: 94%;float: none;border-bottom: 1px solid #dfe5f6;border-left: 0;padding: 3% 3%;}
.Wsystem_ul li h1{font-size: 15px;}
.myspecial li{width:50%;}
.Wkuai_ul span{line-height:26px;}
.Wkuai_ul {padding:30px 20px;}
.myspecial li{height: 500px;}

.Wbanner01 {width: 100%;position: absolute;top: -90px;height: 100%;z-index: 99999;}
.Wbanner01 font{padding-top: 20%;}
.Wbanner01 font h1{font-size: 25px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;line-height: 30px;padding-top: 8%;padding-bottom: 11px;}
.Wbanner01 font p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;}

.Wbanner02 {width: 100%;position: absolute;top: -90px;height: 100%;z-index: 99999;}
.Wbanner02 font{padding-top: 134px;}
.Wbanner02 font h1{font-size: 25px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;line-height: 30px;padding-top: 8%;padding-bottom: 11px;}
.Wbanner02 font p{font-size: 16px;font-family: Microsoft YaHei;font-weight: 300;color: #FFFFFF;}

.Wbanner02 font h1{font-size: 40px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-bottom: 41px;}
.Wbanner02 font h2{font-size: 53px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 14px;padding-bottom: 14px;font-weight: bold;width: 100%;padding-top: 44px;}
.Wbanner02 font h3{font-size: 39px;/* font-family: Microsoft YaHei; *//*font-weight: 300;*/color: #f8f8f8;line-height: 96px;padding-bottom: 13px;font-weight: bold;width: 100%;}
.Wbanner02 font h4{font-size: 33px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #efdba5;line-height: 26px;padding-bottom: 9px;font-weight: 600;width: 100%;}
.Wbanner02 font h5{font-size: 17px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 30px;padding-bottom: 25px;width: 100%;}

.Wbannerbg .Wimg .img02 {display:none;}
.Wbannerbg .Wimg .img03 {display:none;}
}


@media (max-width:500px) {
.Wbanner font h1{padding-top:30%;}
.Wbanner font h1{font-size:18px; line-height:26px;}

.Wbanner01 {    width: 100%;    position: absolute;    top: -40px;    height: 100%;  z-index: 99999;}
.Wbanner01 font{padding-top: 20%;}
.Wbanner01 font h1{font-size: 22px;font-family: Microsoft YaHei;/* font-weight: 300; */color: #FFFFFF;line-height: 26px;padding-top: 12%;padding-bottom: 11px;}
.Wbanner01 font p{font-size: 13px;font-family: Microsoft YaHei;/* font-weight: 300; */color: #FFFFFF;}

.Wbanner02 {    width: 100%;    position: absolute;    top: -40px;    height: 100%;  z-index: 99999;}
.Wbanner02 font{padding-top: 0px;}
.Wbanner02 font h1{font-size: 22px;font-family: Microsoft YaHei;/* font-weight: 300; */color: #FFFFFF;line-height: 26px;padding-top: 26%;padding-bottom: 11px;}
.Wbanner02 font p{font-size: 13px;font-family: Microsoft YaHei;/* font-weight: 300; */color: #FFFFFF;}
.Wbannerbg .Wimg .img02 {display:none;}
.Wbannerbg .Wimg .img03 {display:none;}

.Wbanner02 font h1{font-size: 40px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 56px;padding-bottom: 41px;}
.Wbanner02 font h2{font-size: 60px;/* font-family: Microsoft YaHei; *//*font-weight: 300;*/color: #FFFFFF;line-height: 25px;padding-bottom: 23px;font-weight: bold;padding-top: 135px;width: 100%;}
.Wbanner02 font h3{font-size: 33px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #f8f8f8;line-height: 40px;padding-bottom: 27px;font-weight: ;width: 100%;}
.Wbanner02 font h4{font-size: 29px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #efdba5;line-height: 32px;padding-bottom: 10px;font-weight: 600;width: 100%;}
.Wbanner02 font h5{font-size: 15px;font-family: Microsoft YaHei;/*font-weight: 300;*/color: #FFFFFF;line-height: 22px;padding-bottom: 34px;width: 100%;}
}

@media (max-width:360px) {
.Wbanner01 font h1{padding-top:10%;}
.Wcloudbg{background: #fff;padding:20px 30px;} 
.Wcloud{padding: 10px 0;} 
.Wsystem_ul li{display:block;padding: 5px 0 0 0;}
.product-number-info ul{padding-bottom:20px;}



  
}